<template>
  <div class="copyCall">
    <div class="copy">
      <div class="call">
        <div class="item" v-for="(item,index) in list" :key="index" @click="onOpens(item,index)">
          <div class="q">
            <div class="div1"> <span class="div2">Q</span> </div
            ><p>{{item.name}}</p>
          </div>
          <div class="a">
            <div class="div1"> <span class="div2">A</span> </div>
            <p v-if="item&&item.content&&item.content.length">
              <readMore  ref="readMore">
                <view  :class="!item.isToggle?'contentCtyle':'contentCtyle1'">
                  <u-parse :html="item.content"></u-parse>
                </view>
              </readMore>
<!--            <u-read-more :show-height="showHeight" ref="uReadMore"-->
<!--                         :toggle="item.isToggle"-->
<!--                         color="#999"-->
<!--                         :index="index"-->
<!--                         :shadow-style="shadowStyle"-->
<!--                         close-text="" open-text="" font-size="24rpx">-->
<!--              <u-parse :html="item.content"></u-parse>-->
<!--            </u-read-more>-->
          </p>
          </div>
<!--          <div class="drop-down">-->
<!--            <image src="../../../static/img/drop-down.png"></image>-->
<!--          </div>-->
          <div class="hr replace-hr u-border-bottom"></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import  minx from './index'
  export default {
    name: 'Question',
    mixins:[minx],
    components: {},
  }
</script>
<style scoped lang="scss">
  @import './replace-css';
  .copyCall {
    .copy {
      .call {
        .item {
          .q {
            padding-bottom: 29rpx;
            .div1 {
              background: $colorcffb122;
              position: $relative;
            }
          }
          .q,
          .a {
            display: $inline-flex;
            .div1 {
              width: 38rpx;
              height: 38rpx;
              border-radius: 10rpx;
              position: $relative;
              span {
                position: $absolute;
                top: $top50;
                left: $left50;
                transform: $transform50;
                color: $colorfff;
              }
            }
            p {
              margin-left: 23rpx;
            }
          }
          .a {
            .div1 {
              background: $colorc006be8;
              span {
              }
            }
            p {
              width: 559rpx;
              font-size: 24rpx;
              font-family: $font-familyPingFang;
              font-weight: $font-weight500;
              color: $color666;
            }
          }
        }
      }
    }
  }
</style>
